<%@page pageEncoding="UTF-8" isELIgnored="false"%>
<%@taglib uri="/struts-tags" prefix="s"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta charset="utf-8" />
	<link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css"/>	<!-- 最新 Bootstrap 核心 CSS 文件 -->
	<link rel="stylesheet" href="/weixin/resource/font awesome/css/font-awesome.min.css"/>      <!-- 字体css样式库 -->
    <title>微信登录页面</title>
    <!-- Custom styles for this template -->
    <!-- Just for debugging purposes. Don't actually copy this line! -->
    <!--[if lt IE 9]><script src="../../docs-assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
  </head>
  <body  style="background-image:url(/weixin/resource/image/login_background.png);background-size:1920px 1080px;">
		<form role="form" action="/weixin/com/login" method="post">
			<input type="hidden" id="message" name="message" value="<s:property value='message'/>" />
			<div class="row col-md-2 col-md-offset-5" style="height:400px;margin-top:300px;width:350px;" >
			  <div class="form-group">
			    <label for="exampleInputEmail1"><font size="5">用户名</font></label>
				    <div class="btn-group  btn-group-lg">
		  				<button type="button" class="btn btn-info icon-comments" style="width:50px;"></button>
				   	    <input type="text"  class="btn btn-default" id="name" name="name" placeholder="账号/邮箱" style="height:46px;"/>
					</div>
			  </div>
  			  <div class="form-group" id="password-div">
			    <label for="exampleInputEmail1"><font size="5">密&nbsp;&nbsp;&nbsp;码</font></label>
				    <div class="btn-group  btn-group-lg">
		  				<button type="button" class="btn btn-info  icon-lock" style="width:50px;"></button>
				   	    <input type="text"  class="btn btn-default" id="password" name="password" placeholder="账号/邮箱" style="height:46px;"/>
					</div>
			  </div>
	  		  <div class="form-group" style="margin-top:50px;">
			    <button type="submit" class="btn btn-info" style="width:275px;"><font size="5">登陆</font></button>
			  </div>	
			</div>
		</form>
		<script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script><!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
		<script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script><!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script type="text/javascript">
	$(function(){
		var message = $("#message").val();
		var str =  "<div class='alert alert-warning alert-dismissable' style='width:275px;'>"+
			 	   "<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;</button>"+
				   "<center><strong>"+message+"</strong></center>"+
				   "</div>";
		if(message.length>0){
			$("#password-div").after(str);
		}
	});
	</script>
  </body>
</html>
